<script setup lang="ts">
  import { ref } from 'vue';
  import MsgList from './components/msgList.vue';

  const value = ref(1);
</script>

<template>
  <main>
    <a-tabs v-model:activeKey="value" tab-position="left">
      <a-tab-pane tab="弹窗" :key="1">
        <MsgList :event="0" />
      </a-tab-pane>
      <a-tab-pane tab="公告" :key="2">
        <MsgList :event="1" />
      </a-tab-pane>
      <a-tab-pane tab="教程" :key="3">
        <MsgList :event="2" />
      </a-tab-pane>
      <a-tab-pane tab="通知" :key="4">
        <MsgList :event="3" />
      </a-tab-pane>
    </a-tabs>
  </main>
</template>
